<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <title>1SL商城--会员注册</title>
		<meta charset='utf-8'>
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
		<!-- 引入 Bootstrap -->
			<link href="${pageContext.request.contextPath }/css/bootstrap.min.css" rel="stylesheet">
 
		<!-- HTML5 Shim 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
		<!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
			<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
		<![endif]-->
		<!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->
		<script src="${pageContext.request.contextPath }/js/jquery.js"></script>
		<!-- 包括所有已编译的插件 -->
		<script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
    </head>
	
	<style>
		#regist{
			width:670px;
			margin:100px auto;
		}
		
	</style>
	
	<body>
		
		<div id="regist">
			<form method="post"  enctype="multipart/form-data" onsubmit="return CheckInput()" action="${pageContext.request.contextPath }/regist_check.do" class="form form-horizontal" id="edit">
				
				<div class="row">
					<div class="form-group col-xs-6">
						<label class="col-xs-4 control-label" for="uname">用户名 :</label>
						<div class="col-xs-8">
							<input class="form-control" type="text" name="userid" value="" required maxlength="10" />
						</div>
					</div>
					<div class="form-group col-xs-6">
						<label class="col-xs-4 control-label" for="urealname">姓名 :</label>
						<div class="col-xs-8">
							<input class="form-control" type="text" name="realname"  required maxlength="10" >
						</div>
					</div>
				</div>
				<div class="row">
					<div class="form-group col-xs-6">
						<label class="col-xs-4 control-label" for="cardtype">证件类型 :</label>
						<div class="col-xs-8">
							<select name="cardtype" class="form-control">
								<option value="-1"> --请选择-- </option>
								<option value="1"> 二代身份证 </option>
								<option value="2"> 护照 </option>
								<option value="3"> 军官照 </option>
							</select>
						</div>
					</div>
					<div class="form-group col-xs-6">
						<label class="col-xs-4 control-label" for="cardid">证件号码 :</label>
						<div class="col-xs-8">
							<input class="form-control" type="text" name="cardid"  required maxlength="18" >
						</div>
					</div>
				</div>
				<div class="row">
					<div class="form-group col-xs-6">
						<label class="col-xs-4 control-label" for="country">收货国家 :</label>
						<div class="col-xs-8">
							<select name="country" class="form-control">
								<option value="-1"> --请选择-- </option>
								<option value="1"> 中国 </option>
								<option value="2"> 美国 </option>
							</select>
						</div>
					</div>
					<div class="form-group col-xs-6">
						<label class="col-xs-4 control-label" for="phone">移动电话 :</label>
						<div class="col-xs-8">
							<input class="form-control" type="text" name="phone"  required maxlength="11" >
						</div>
					</div>
				</div>
				<div class="row">
					<div class="form-group col-xs-6">
						<label class="col-xs-4 control-label" for="email">电子邮件 :</label>
						<div class="col-xs-8">
							<input class="form-control" type="text" name="email" value=""  required pattern="^\w+@\w+(\.[a-zA-Z0-9]{2,}){1,2}$"/>
						</div>
					</div>
					<div class="form-group col-xs-6">
						<label class="col-xs-4 control-label" for="postnum">邮政编码 :</label>
						<div class="col-xs-8">
							<input class="form-control" type="text" name="postcode"  required maxlength="6" >
						</div>
					</div>
				</div>
				<div class="row">
					<div class="form-group col-xs-6">
						<label class="col-xs-4 control-label" for="sex">性别 :</label>
						<div class="col-xs-8">
							<select name="sex" class="form-control">
								<option value="-1"> --请选择-- </option>
								<option value="1"> 男 </option>
								<option value="2"> 女 </option>
							</select>
						</div>
					</div>
					<div class="form-group col-xs-6">
						<label class="col-xs-4 control-label" for="referrer">推荐人 :</label>
						<div class="col-xs-8">
							<input class="form-control" type="text" name="referrer" value="${sessionScope.loginUser.userid }" readonly="readonly">
						</div>
					</div>
				</div>
				<div class="row">
					<div class="form-group col-xs-12">
						<label class="col-xs-2 control-label" for="address">收货地址 :</label>
						<div class="col-xs-10">
							<textarea  style="min-width:500px; min-height:100px;max-height:150px; max-width:500px; " name="address" class="form-control" rows="4"  required maxlength="100" ></textarea>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="form-group col-xs-6">
						<label class="col-xs-4 control-label" for="bank">开户行 :</label>
						<div class="col-xs-8">
							<input class="form-control" type="text" name="bank" value=""  maxlength="50" />
						</div>
					</div>
					<div class="form-group col-xs-6">
						<label class="col-xs-4 control-label" for="bankno">开户卡号 :</label>
						<div class="col-xs-8">
							<input class="form-control" type="text" name="bankno" maxlength="19" >
						</div>
					</div>
				</div>
				<div class="row">
					<div class="form-group col-xs-6">
						<label class="col-xs-4 control-label" for="baakname">开户人:</label>
						<div class="col-xs-8">
							<input class="form-control" type="text" name="baakname" value="" maxlength="5" />
						</div>
					</div>
				</div>
				
				<div class="row">
					<div class="form-group col-xs-12">
						<label class="col-xs-4 control-label" for="cardf">上传身份证图片(正面) :</label>
						<div class="col-xs-4 form-group">
							<input type="file" name="cardf" onchange="PreviewImage('cardfprev',this,120,120);" />
						</div>
						<div id="cardfprev" class="col-xs-4">
						</div>
					</div>
				</div>
				<div class="row">
					<div class="form-group col-xs-12">
						<label class="col-xs-4 control-label" for="cardv">上传身份证图片(反面) :</label>
						<div class="col-xs-4 form-group">
							<input type="file" name="cardv" onchange="PreviewImage('cardvprev',this,120,120);" />
						</div>
						<div id="cardvprev" class="col-xs-4">
						</div>
					</div>
				</div>
				<div class="row">
					<div class="form-group col-xs-12">
						<label class="col-xs-4 control-label" for="bankimage">上传银行卡图片(正面) :</label>
						<div class="col-xs-4 form-group">
							<input type="file" name="bankimg" onchange="PreviewImage('bankprev',this,120,120);" />
						</div>
						<div id="bankprev" class="col-xs-4">
						</div>
					</div>
				</div>
				<pre style="padding:10px;">
					说明 

· 会员资料必须认真填写如果出现错误将影响到奖金以及发货。

· 新会员的资料註册后的初始密码是证件的后6位，注册后请立即修改。

· 新会员註册后只是註册会员如果要成为正式会员必须： 购买产品。

· 购买产品等工作由正式会员代理完成。

· 註册会员可以修改其所有资料，当成为正式会员后将不能更改“会员用户名”、“推荐人用户名”。

· 会员资料修改：修改未购货激活的注册会员资料

· 删除资料修改：删除未购货激活的注册会员资料
				</pre>
				<div id="tk">
					<h4>会员注册条款</h4>
					<textarea class="form-control" style="min-width:670px; min-height:200px;max-height:200px; max-width:670px; " cols="50" rows="6">1、 我已达法定年龄。我了解并同意作为一位会员，应遵行”SL会员商城”的政策和守则，对自己决定的时间和一切产品及健康宣导及行销活动负责。

2、我十分了解向潜在的会员展示奖金和预测高额的收入是被禁止的行为，“”可以据此终止我的会员资格。

3、作为会员，我将维护并提升“SL会员商城”的产品和声誉；不进行有损“SL会员商城”之声誉、产品或公共利益的行为，否则将被终止会员资格，SL会员商城还将保留其他法律措施。

4、任何参与之个人或法人团体可以各自拥有一个会员资格。一旦正式成为会员就不能变动。

5、我了解我将负责零售及批发的记录，这些记录将作为公司要求的评价和核实材料。在向潜在的会员或顾客展示“SL会员商城”的事业机会或产品时，我同意必须如实的介绍公司、产品、事业机会，不得夸大或做失实的介绍，否则我可能被终止会员资格 。

6、公司将根据市场的变化保持可行的市场行销计画，将不定期的对会员增列有关的条款和条件，公司政策、程式、市场计划的修改和所有的变更，将视为在“SL会员商城”正式网站上所发布的协议部份之一。

7、我了解并同意我有责任随时保持知悉“SL会员商城”所有当前最新的资讯，如果我没有这样做，“SL会员商城”对我忽略正确资讯的后果不负任何责任。

8、我了解并确认公司没有做出任何有关收入之保证，利润保证或向我展示任何成功的事例。除了此处的声明外，公司没有对我做出任何口头或书面的担保或保证。“SL会员商城”并不建议任何可能的会员离开当前的职业，或在他们产品销售的零售交易带来稳定、可观的收入之前，即购买大量的产品。

9、不可为的事项 
	◆不得以训练、讲习、联谊、开会或其他类似之名义，要求参加人缴纳或承担与成本显不相当之费用。 包括保证金、违约金或其他明目的费用。 
	◆不得自己或唆使他人抢线、转线、跳线等违规行为。一经发现公司将对违规者进行严肃处理。 
	◆严禁在开展业务过程中涉及传销、宗教信仰、迷信、不道德或其他非商业性话题。 
	◆未获公司许可及授权，不得直接或间接通过其他单位制作、出版、发行任何与“SL会员商城”有关的印刷品及视听资料。 
	◆不得散佈任何未经“SL会员商城”公司认可的业务、政策、营运等资讯，或对公司公佈的资讯作夸大或失实的传播。由此而产生的一切不良后果由当事人承担，并且公司也将对其进行相应的处罚。 
	◆未经公司批准，会员不得就与“SL会员商城”产品或业务有关的话题擅自接受新闻媒介的採访。

特 别 声 明

1、公司产品是经过有关国家和地区的有关专项检测报告，各种报告对产品的认证描述是对产品本身的安全和效力的认定，但不包括在使用过程中的一切失当的行为所造成的问题，包括由于错误的使用而造成的在关于其安全和效果在防止怀孕和或性传播感染的造成的问题。

2、并在任何情况下，公司仅对权威检测部门的报告所描述的部分承认其效果，并只对产品说明书的内容负责。

3、该产品已获得或将获得监管部门的批准，在任何一个国家的使用用于预防怀孕或性传播疾病，需要依照该国家法律和规章。

4、不适当的储存，装卸和运输的产品可能会影响其品质，疗效和安全性。导致任何伤害，损失，损害等可能出现的结果，SL会员商城公司不承担任何责任。

</textarea><br/>
					<div class="pull-right">
						<label class="control-label"> <input type="checkbox" id="agree">我同意以上的注册守则</label>
						<input disabled type="submit" class="btn btn-success" value="下一步">
					</div>
		
				</div>
				
			</form>
			
		</div>
		
    </body>
	
	<script type="text/javascript">
		$("#agree").change( function(){
			if(this.checked){
				$("input[type=submit]").removeAttr("disabled")
			}else{
				$("input[type=submit]").attr("disabled","disabled")
			}
		} );
		
		function checkPic(picPath) {
			picPath=picPath.value;
            var type = picPath.substring(picPath.lastIndexOf(".") + 1, picPath.length).toLowerCase();
            if (type != "jpg" && type != "bmp" && type != "gif" && type != "png") {
                alert("请上传正确的图片格式");
                return false;
            }
            return true;
        }
        //图片预览
        function PreviewImage(divImage, upload, width, height) {
            if (checkPic(upload)) {
                try {
                    var imgPath;      //图片路径
                    imgPath = upload.files[0];
					var r =new FileReader();
					r.readAsDataURL(imgPath);
					$(r).load(function(){
						document.getElementById(divImage).innerHTML = "<img src='" + this.result + "' width='200' />";
					})
                } catch (e) {
                    alert("请上传正确的图片格式");
                }
            }
        }

		
	</script>
	
</html>